<template>
    <div class="bot">
        <p class="sp1">
            <img src="../../img/12.png" alt="">
            <span>￥0</span>
        </p>
        <p class="sp2">另需配送费￥4元</p>
        <p class="sp3">￥20起送</p>
    </div>
</template>

<script>
import icon from '../../font/iconfont.css'
export default {
    
}
</script>

<style>
    .bot{
        /* clear: both; */
        width: 100vw;
        /* height: 17vw; */
        /* background-color: aqua; */
        /* position: fixed; */
        /* bottom: 0; */
        display: flex;
        /* justify-content: space-around; */
        position: relative;
    }
    .bot img{
        position: absolute;
        bottom: 7.667vw;
        left: 1.667vw;
    }
    .bot .sp1{
        /* width: 6.667vw; */
        /* background-color: chocolate; */
        padding: 7.867vw 0vw;
        text-align: center;
        width: 40%;
        background-color: #141d27;
        color: rgb(255, 255, 255,0.4);
        font-size: 6.267vw;
        font-weight: 700;
    }
    .bot .sp2{
        /* background-color: chartreuse; */
        /* width: 30vw */
        padding: 7.867vw 0vw;
        text-align: center;
        width: 30%;
        font-size: 3.2vw;
        color: rgb(255, 255, 255,0.4);
        background-color: #141d27;
    }
    .bot .sp3{
        
        padding: 7.867vw 0;
        text-align: center;
        width: 30%;
        background-color: #123432;
        font-size: 4.2vw;
        color: rgb(255, 255, 255,0.4);
        font-weight: 700;
    }
    .bot span{
        position: absolute;
        left: 23vw;
    }
</style>